<html><head>
<title>Learning WebGL &#8212; lesson 1</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="glMatrix-0.js"></script>
<script type="text/javascript" src="fileIO.js"></script>
<script type="text/javascript" src="visualization.js"></script>

<script id="shader-fs" type="x-shader/x-fragment">
    precision mediump float;

    varying vec4 vColor;

    void main(void) {
        gl_FragColor = vColor;
    }
</script>

<script id="shader-vs" type="x-shader/x-vertex">
    attribute vec3 aVertexPosition;
    attribute vec4 aVertexColor;

    uniform mat4 uMVMatrix;
    uniform mat4 uPMatrix;

    varying vec4 vColor;

    void main(void) {
        gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
        vColor = aVertexColor;
    }
</script>



<body onload="webGLStart();">
<!-- <body> -->
    <canvas id="lesson01-canvas" style="border: none;" width="500" height="500"></canvas>
  
    <script type="text/javascript">

    var floatArray = none;


    </script>


</body>

<head>
<body>
<form action='#' onsubmit="return false;">
<input type='file' id='fileinput'>
<input type='button' id='btnLoad' value='Load' onclick='floatArray = loadFile();var slice= middleSlice(floatArray,100,100,100);drawScene(slice);'>
</form>
</body>
</head>



</html>